<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege"/>
    <meta name="format-detection" content="telephone=no" />
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/swiper.min.css"/>
    <link rel="stylesheet" href="css/animate.min.css"/>
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/headfoot.css"/>
    <link rel="stylesheet" href="css/reset.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper-3.4.2.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
            new WOW().init();
        }
    </script>
</head>
<body>
<!--头部部分-->
<div class="heads">
    <script>
        $(".heads").load("head.html");
    </script>
</div>
<!--轮播-->
<div class="swiper-container banner">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><a href="#">
            <img class="pc_show" src="images/index/banner-1.jpg" alt=""/>
            <img class="pc_hide" src="images/index/bans-1.jpg" alt=""/>
        </a></div>
        <div class="swiper-slide"><a href="#">
            <img class="pc_show" src="images/index/banner-2.jpg" alt=""/>
            <img class="pc_hide" src="images/index/bans-2.jpg" alt=""/>
        </a></div>
        <div class="swiper-slide"><a href="#">
            <img class="pc_show" src="images/index/banner-3.jpg" alt=""/>
            <img class="pc_hide" src="images/index/bans-3.jpg" alt=""/>
        </a></div>
        <div class="swiper-slide"><a href="#">
            <img class="pc_show" src="images/index/banner-4.jpg" alt=""/>
            <img class="pc_hide" src="images/index/bans-4.jpg" alt=""/>
        </a></div>
        <div class="swiper-slide"><a href="#">
            <img class="pc_show" src="images/index/banner-5.jpg" alt=""/>
            <img class="pc_hide" src="images/index/bans-5.jpg" alt=""/>
        </a></div>
        <div class="swiper-slide"><a href="#">
            <img class="pc_show" src="images/index/banner-6.jpg" alt=""/>
            <img class="pc_hide" src="images/index/bans-6.jpg" alt=""/>
        </a></div>
        <div class="swiper-slide"><a href="#">
            <img class="pc_show" src="images/index/banner-7.jpg" alt=""/>
            <img class="pc_hide" src="images/index/bans-7.jpg" alt=""/>
        </a></div>
        <div class="swiper-slide"><a href="#">
            <img class="pc_show" src="images/index/banner-8.jpg" alt=""/>
            <img class="pc_hide" src="images/index/bans-8.jpg" alt=""/>
        </a></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
</div>
<!--培训基地-->
<div class="base">
    <div class="main-md base_cont">
        <div class="base_lf  wow flipInX" data-wow-delay="1s">
            <img src="images/index/ji.jpg" alt=""/>
        </div>
        <div class="base_rt wow bounceInRight">
            <a href="#">
                <h1> 小茗星艺术少儿培训基地 <br/> <b></b></h1>
                <p>小茗星少儿艺术培训基地，是一家专业从事少儿艺术培训，被全国少儿教育联盟许为全国十佳少儿艺术教育培训机构培训内容涉及：音乐舞蹈类、舞台表演类和茗星天音合唱团、茗星《未来之星》超级童模、茗星《国学宝贝》少儿益智表演综秀。开设有：舞蹈 / 音乐 / 语言艺术 / 戏剧表演 / T台走秀 / 小茗星艺术团等课程。</p>
                <span> MORE+ </span>
                <div class="base_rt_img rt">
                    <img src="images/index/logo.png" alt=""/>
                </div>
            </a>
        </div>
    </div>
</div>
<!--课程体系-->
<div class="course padd50">
    <div class="main-md">
        <div class="title">
            <h1>
                <div style="animation-delay: 0s;">课</div>
                <div style="animation-delay: 0.1s;">程</div>
                <div style="animation-delay: 0.2s;">体</div>
                <div style="animation-delay: 0.3s;">系</div>
                <br/> <b></b> </h1>
            <p> 1.经过舞蹈训练（挺胸、抬头、收腹）能使孩子形体优美，纠正驼背、端肩等形体问题。 <br/>
                2.强调舞蹈的表现力，通过在音乐中动作、表情、内心情感的外化，使孩子更深切地欣赏美、感受美、传达美，体验舞蹈地魅力。<br/>
                3.形体训练、芭蕾基础、成品舞编排，全面提升专业水平，可以让孩子气质、优雅、自信、智慧系于一身。</p>
        </div>
        <div class="course_cont pc_show">
            <div class="course_title">
                <ul>
                    <li class="active"> 舞蹈 <b></b> </li>
                    <li>  音乐<b></b> </li>
                    <li> 语言艺术 <b></b> </li>
                    <li> 戏剧表演 <b></b> </li>
                    <li> T台走秀 <b></b> </li>
                    <li> 小茗星艺术团 <b></b> </li>
                </ul>
            </div>
            <div class="product-wrap">
                <!--  舞蹈-->
                <div class="product" style="display: block">
                    <div class="swiper-container pro_list1">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="course_list">
                                    <ul>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-2.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-3.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <div class="both"></div>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="course_list">
                                    <ul>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-2.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-3.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <div class="both"></div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  音乐-->
                <div class="product">
                    <div class="swiper-container pro_list1">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="course_list">
                                    <ul>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-2.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-3.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <div class="both"></div>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="course_list">
                                    <ul>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-2.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-3.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <div class="both"></div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  语言艺术-->
                <div class="product">
                    <div class="swiper-container pro_list3">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="course_list">
                                    <ul>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-2.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-3.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <div class="both"></div>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="course_list">
                                    <ul>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-2.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-3.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <div class="both"></div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  戏剧表演-->
                <div class="product">
                    <div class="swiper-container pro_list4">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="course_list">
                                    <ul>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-2.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-3.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <div class="both"></div>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="course_list">
                                    <ul>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-2.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-3.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <div class="both"></div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  T台走秀-->
                <div class="product">
                    <div class="swiper-container pro_list5">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="course_list">
                                    <ul>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <div class="both"></div>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="course_list">
                                    <ul>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <div class="both"></div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  小茗星艺术团-->
                <div class="product">
                    <div class="swiper-container pro_list6">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="course_list">
                                    <ul>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <div class="both"></div>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="course_list">
                                    <ul>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <li><a href="#">
                                            <div class="course_img">
                                                <img src="images/index/ke-1.jpg" alt=""/>
                                            </div>
                                            <div class="course_text">
                                                <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                            </div>
                                        </a></li>
                                        <div class="both"></div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pc_hide">
            <div class="classics-content">
                <div class="swp hidden-lg hidden-md">
                    <div class="btn-prev">
                        <div class="swiper-button-prev swiper-button-gray"></div>
                    </div>
                    <div class="swiper-container hidden-lg hidden-md" id="head">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide active"><a href="javascript:;">舞蹈<b></b></a> </div>
                            <div class="swiper-slide "><a href="javascript:;"> 音乐<b></b></a></div>
                            <div class="swiper-slide"><a href="javascript:;"> 语言艺术<b></b></a></div>
                            <div class="swiper-slide"><a href="javascript:;"> 戏剧表演<b></b></a></div>
                            <div class="swiper-slide"><a href="javascript:;">T台走秀<b></b></a></div>
                            <div class="swiper-slide"><a href="javascript:;">小茗星艺术团 <b></b></a></div>
                        </div>
                        <!-- Add Pagination -->
                    </div>
                    <div class="btn-next">
                        <div class="swiper-button-next swiper-button-disabled"></div>
                    </div>
                </div>
                <!-- slideTo tab -->
                <div class="swiper-container favor-list" id="bottom">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="course_list">
                                <ul>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-1.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-2.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-3.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <div class="both"></div>
                                </ul>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="course_list">
                                <ul>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-1.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-2.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-3.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <div class="both"></div>
                                </ul>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="course_list">
                                <ul>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-1.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-2.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-3.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <div class="both"></div>
                                </ul>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="course_list">
                                <ul>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-1.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-2.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-3.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <div class="both"></div>
                                </ul>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="course_list">
                                <ul>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-1.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-2.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-3.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <div class="both"></div>
                                </ul>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="course_list">
                                <ul>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-1.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-2.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="course_img">
                                            <img src="images/index/ke-3.jpg" alt=""/>
                                        </div>
                                        <div class="course_text">
                                            <h4> 幼儿舞蹈启蒙 <br/> <b></b></h4>
                                        </div>
                                    </a></li>
                                    <div class="both"></div>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="more"><a href="#"> more+ </a></div>
    </div>
</div>
<!--老师-->
<div class="honor padd50">
    <div class="main-md">
        <div class="title">
            <h1>
                <div style="animation-delay: 0s;">明</div>
                <div style="animation-delay: 0.1s;">星</div>
                <div style="animation-delay: 0.2s;">老</div>
                <div style="animation-delay: 0.3s;">师</div>
                <br/> <b></b> </h1>
            <p> 公司以“学以致用、知行合一”为核心价值，秉承“整合营销、锐意创新”的战略方针，汇聚各方优势不断改进创新，致力打造中国最专业、最具影响力的儿童艺术培训基地。公司汇聚了一批具有高素质的专业人才，组建了一支实力雄厚、经验丰富的专业团队。</p>
        </div>
        <div class="pc-banner wow bounceInRight">
            <div class="swiper-container" id="honor">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <ul>
                            <li><a href="#">
                                <div class="honor_show">
                                    <img src="images/index/tea-1.jpg" alt=""/>
                                    <div class="honor_text">
                                        <h4>陈思雨</h4>
                                        <p>中国戏曲学院  影视表演专业</p>
                                    </div>
                                </div>
                            </a></li>
                            <li><a href="#">
                                <div class="honor_show">
                                    <img src="images/index/tea-2.jpg" alt=""/>
                                    <div class="honor_text">
                                        <h4>黄雅丽</h4>
                                        <p>中国戏曲学院  影视表演专业</p>
                                    </div>
                                </div>
                            </a></li>
                            <li><a href="#">
                                <div class="honor_show">
                                    <img src="images/index/tea-3.jpg" alt=""/>
                                    <div class="honor_text">
                                        <h4>贾梦羽</h4>
                                        <p>中国戏曲学院  影视表演专业</p>
                                    </div>
                                </div>
                            </a></li>
                            <li><a href="#">
                                <div class="honor_show">
                                    <img src="images/index/tea-4.jpg" alt=""/>
                                    <div class="honor_text">
                                        <h4>朱晓雪</h4>
                                        <p>中国戏曲学院  影视表演专业</p>
                                    </div>
                                </div>
                            </a></li>
                            <div class="both"></div>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul>
                            <li><a href="#">
                                <div class="honor_show">
                                    <img src="images/index/tea-1.jpg" alt=""/>
                                    <div class="honor_text">
                                        <h4>陈思雨</h4>
                                        <p>中国戏曲学院  影视表演专业</p>
                                    </div>
                                </div>
                            </a></li>
                            <li><a href="#">
                                <div class="honor_show">
                                    <img src="images/index/tea-2.jpg" alt=""/>
                                    <div class="honor_text">
                                        <h4>黄雅丽</h4>
                                        <p>中国戏曲学院  影视表演专业</p>
                                    </div>
                                </div>
                            </a></li>
                            <li><a href="#">
                                <div class="honor_show">
                                    <img src="images/index/tea-3.jpg" alt=""/>
                                    <div class="honor_text">
                                        <h4>贾梦羽</h4>
                                        <p>中国戏曲学院  影视表演专业</p>
                                    </div>
                                </div>
                            </a></li>
                            <li><a href="#">
                                <div class="honor_show">
                                    <img src="images/index/tea-4.jpg" alt=""/>
                                    <div class="honor_text">
                                        <h4>朱晓雪</h4>
                                        <p>中国戏曲学院  影视表演专业</p>
                                    </div>
                                </div>
                            </a></li>
                            <div class="both"></div>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul>
                            <li><a href="#">
                                <div class="honor_show">
                                    <img src="images/index/tea-1.jpg" alt=""/>
                                    <div class="honor_text">
                                        <h4>陈思雨</h4>
                                        <p>中国戏曲学院  影视表演专业</p>
                                    </div>
                                </div>
                            </a></li>
                            <li><a href="#">
                                <div class="honor_show">
                                    <img src="images/index/tea-2.jpg" alt=""/>
                                    <div class="honor_text">
                                        <h4>黄雅丽</h4>
                                        <p>中国戏曲学院  影视表演专业</p>
                                    </div>
                                </div>
                            </a></li>
                            <li><a href="#">
                                <div class="honor_show">
                                    <img src="images/index/tea-3.jpg" alt=""/>
                                    <div class="honor_text">
                                        <h4>贾梦羽</h4>
                                        <p>中国戏曲学院  影视表演专业</p>
                                    </div>
                                </div>
                            </a></li>
                            <li><a href="#">
                                <div class="honor_show">
                                    <img src="images/index/tea-4.jpg" alt=""/>
                                    <div class="honor_text">
                                        <h4>朱晓雪</h4>
                                        <p>中国戏曲学院  影视表演专业</p>
                                    </div>
                                </div>
                            </a></li>
                            <div class="both"></div>
                        </ul>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="phone-show  wow bounceInRight">
            <div class="swiper-container phone">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="honor_show">
                            <img src="images/index/tea-1.jpg" alt=""/>
                            <div class="honor_text">
                                <h4>陈思雨</h4>
                                <p>中国戏曲学院  影视表演专业</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="honor_show">
                            <img src="images/index/tea-2.jpg" alt=""/>
                            <div class="honor_text">
                                <h4>黄雅丽</h4>
                                <p>中国戏曲学院  影视表演专业</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="honor_show">
                            <img src="images/index/tea-3.jpg" alt=""/>
                            <div class="honor_text">
                                <h4>贾梦羽</h4>
                                <p>中国戏曲学院  影视表演专业</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="honor_show">
                            <img src="images/index/tea-4.jpg" alt=""/>
                            <div class="honor_text">
                                <h4>朱晓雪</h4>
                                <p>中国戏曲学院  影视表演专业</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="more"><a href="#"> more+ </a></div>
    </div>
</div>
<!--活动-->
<div class="activity padd50">
    <div class="main-md">
        <div class="title">
            <h1>
                <div style="animation-delay: 0s;">演</div>
                <div style="animation-delay: 0.1s;">出</div>
                <div style="animation-delay: 0.2s;">活</div>
                <div style="animation-delay: 0.3s;">动</div>
                <br/> <b></b> </h1>
            <p> 培养孩子对舞蹈的热爱，通关过体能训练，提高孩子们身体的平衡性、控制力，纠正孩子不良形体，提升气质。控制力，纠正孩子不良形体，提升气质。</p>
        </div>
        <div class="activity_cont">
            <div class="activity_lf  wow bounceInLeft">
                <div class="activity_lf_img">
                    <img src="images/index/huo.jpg" alt=""/>
                </div>
                <div class="activity_lf_text">
                    <h4>院线电影《妈妈咪鸭》宣传曲录制</h4>
                    <p>2018.7.22</p>
                </div>
            </div>
            <div class="activity_rt  wow bounceInRight">
                <ul>
                    <li><a href="#">
                    <div class="activity_rt_img">
                        <img src="images/index/huo-1.jpg" alt=""/>
                    </div>
                        <div class="activity_rt_text">
                            <h3>吉林卫视少儿春晚</h3>
                            <span>2018.7.22</span>
                            <p>艺术化的创意，一直都不是我们坚守的东西。我们所作的创意一直都是游走在艺术和商业之间......</p>
                        </div>
                        <div class="both"></div>
                    </a></li>
                    <li><a href="#">
                        <div class="activity_rt_img">
                            <img src="images/index/huo-2.jpg" alt=""/>
                        </div>
                        <div class="activity_rt_text">
                            <h3>吉林卫视少儿春晚</h3>
                            <span>2018.7.22</span>
                            <p>艺术化的创意，一直都不是我们坚守的东西。我们所作的创意一直都是游走在艺术和商业之间......</p>
                        </div>
                        <div class="both"></div>
                    </a></li>
                    <li><a href="#">
                        <div class="activity_rt_img">
                            <img src="images/index/huo-3.jpg" alt=""/>
                        </div>
                        <div class="activity_rt_text">
                            <h3>吉林卫视少儿春晚</h3>
                            <span>2018.7.22</span>
                            <p>艺术化的创意，一直都不是我们坚守的东西。我们所作的创意一直都是游走在艺术和商业之间......</p>
                        </div>
                        <div class="both"></div>
                    </a></li>
                </ul>
            </div>
            <div class="both"></div>
        </div>
    </div>
</div>
<!--页尾-->
<div class="foots">
    <script>
        $(".foots").load("foot.html");
    </script>
</div>
<script>
    $(function(){
        //手机端课程体系轮播
        var Swiper2 = new Swiper('#bottom',{
//      autoHeight: true
        });
        var Swiper1= new Swiper('#head', {
            slidesPerView: 3,
            spaceBetween: 15,
            controlBy:'container',
            prevButton:'.swiper-button-prev',
            nextButton:'.swiper-button-next',
        });
        $('#head .swiper-slide').click(function(){
            $(this).addClass('active').siblings().removeClass('active');
            var index = Swiper1.clickedIndex;
            Swiper2.slideTo(index);
        })
        // 首页轮播
        var swiper= new Swiper('.banner', {
            loop: true,
            lazyLoading: true,
            // 如果需要分页器
            pagination: '.swiper-pagination',
            paginationClickable: true
        });
        //    pc老师轮播
        var swiper01= new Swiper('#honor', {
            autoplay: 3000,
            speed:500,
            loop: true,
            lazyLoading: true,
            // 如果需要分页器
            pagination: '.swiper-pagination',
            paginationClickable: true
        });
        //    手机老师轮播
        var swiper02 = new Swiper('.phone', {
            pagination: '.swiper-pagination',
            effect: 'flip',
            grabCursor: true,
        });
//   电脑端课程体系轮播
        function creatSwiper(){
            var swiper03 = new Swiper('.pro_list1', {
                loop: true,
                lazyLoading: true,
                paginationClickable: true
            });
            var swiper04 = new Swiper('.pro_list2', {
                loop: true,
                lazyLoading: true,
                paginationClickable: true
            });
            var swiper05 = new Swiper('.pro_list3', {
                loop: true,
                lazyLoading: true,
                paginationClickable: true
            });
            var swiper06 = new Swiper('.pro_list4', {
                loop: true,
                lazyLoading: true,
                paginationClickable: true
            });
            var swiper07 = new Swiper('.pro_list5', {
                loop: true,
                lazyLoading: true,
                paginationClickable: true
            });
            var swiper08 = new Swiper('.pro_list6', {
                loop: true,
                lazyLoading: true,
                paginationClickable: true
            });
        }
//        点击切换轮播
        $('.course_title li').mouseover(function(){
            $(this).addClass("active").siblings().removeClass("active");
            var liindex = $('.course_title li').index(this);
            $(this).addClass('on').siblings().removeClass('on');
            $('.product-wrap div.product').eq(liindex).fadeIn(150).siblings('div.product').hide();
            creatSwiper();
        });
    })
</script>
</body>
</html>